<template>
  <div>
    <el-row class="tac">
      <el-col :span="2">
        <h5 class="mb-2">
            <img
              class="thumbnail_11"
              referrerpolicy="no-referrer"
              src="https://lanhu-oss.lanhuapp.com/SketchPngd3a794c2aa84280fc90b855ff3d5bfa536d180d0242da3deda88094540e019cc"
            />
            <span class="text_15">商品</span>
        </h5>
        <el-menu
          default-active="/product/center"
          class="el-menu-vertical-demo"
          active-text-color="#ffd04b"
          router
          @open="handleOpen"
          @close="handleClose"
        >
          <div class="box_7 flex-col"></div>
          <el-menu-item index="1">
            <span class="text_16">商品概览</span>
          </el-menu-item>
          <el-menu-item index="/product/center">
            <span class="text_17">商品中心</span>
          </el-menu-item>
          <el-menu-item index="/product/info">
            <span class="text_17">商品资料</span>
          </el-menu-item>
          <el-menu-item index="/product/type">
            <span class="text_17">商品分类</span>
          </el-menu-item>
          <el-menu-item index="/product/setting">
            <span class="text_17">商品设置</span>
          </el-menu-item>
          <el-menu-item index="/product/sorting">
            <span class="text_17">排序管理</span>
          </el-menu-item>
        </el-menu>
      </el-col>
      <el-col :span="22">
        <router-view></router-view>
      </el-col>
    </el-row>
  </div>
</template>
<script setup>
import {
  Document,
  Menu as IconMenu,
  Location,
  Setting,
} from "@element-plus/icons-vue";
const handleOpen = (key, keyPath) => {
  // console.log(key, keyPath);
};
const handleClose = (key, keyPath) => {
  // console.log(key, keyPath);
};
</script>
<style scoped>
@import "@/assets/css/common.css";
@import "@/assets/css/product.css";
</style>
